@import "@/assets/styles/universal.less";

.pop-main {

  position: fixed;
  left: 50%;
  top: 50%;
  min-width: 200px;
  min-height: 200px;
  transform: translate(-50%, -50%);
  z-index: 10;
  border-radius: 5px;
  box-shadow: 0px 1px 10px 0px @color-main-4;

  .pop-head {
    .background-main-4();
    .color-white();

    width: calc(100% - 19px);
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;

    .pop-head-title {
      text-align: center;
      flex: 1;
      padding-left: 1.25rem;
    }

    .pop-head-hiden {
      cursor: pointer;
    }


  }

  .pop-content {
    .background-white();
    .color-black();

    padding: 10px;
  }

}